<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Button YUI Prefix Test</title>

	<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css" />
	<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css" />
	<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css" />
	<link type="text/css" rel="stylesheet" href="../../../build/logger/assets/skins/sam/logger.css">
	
	<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
	<script type="text/javascript" src="../../../build/container/container_core-min.js"></script>
	<script type="text/javascript" src="../../../build/menu/menu-min.js"></script>
	<script type="text/javascript" src="../../../build/element/element-min.js"></script>
	<script type="text/javascript" src="../../../build/button/button-min.js"></script>	
	
	<script type="text/javascript">
	
		(function () {
			
			var Button = YAHOO.widget.Button;

			Button.prototype.CLASS_NAME_PREFIX = "pre-";
			YAHOO.widget.ButtonGroup.prototype.CLASS_NAME_PREFIX = "pre-";
			
			YAHOO.util.Event.onDOMReady(function () {
			
				var pushButton = new Button("push-1");
				var submitButton = new Button("submit-1");
				var resetButton = new Button("reset-1");
				var linkButton = new Button("link-1");

				var check1 = new Button("checkbox-1");
				var check2 = new Button("checkbox-2");

				var radio1 = new Button("radio-1");
				var radio2 = new Button("radio-2");
				
				var buttonGroup = new YAHOO.widget.ButtonGroup("buttongroup-1");

				var menuButton = new Button("menu-button-1", { type: "menu", menu: "menu-button-1-select" });
				var splitButton = new Button("split-button-1", { type: "menu", menu: "split-button-1-select" });				
				
			});
			
		}());
	
	</script>
	
</head>
<body class="yui-skin-sam">

<input type="button" id="push-1" name="push-1" value="Add">
<input type="button" id="submit-1" name="submit-1" value="Submit">
<input type="button" id="reset-1" name="reset-1" value="Reset">

<a id="link-1" href="http://www.yahoo.com">Yahoo!</a>

<input id="checkbox-1" type="checkbox" name="checkbox-1" value="1" checked>
<input id="checkbox-2" type="checkbox" name="checkbox-1" value="2">

<input id="radio-1" type="radio" name="radio-1" value="1" checked>
<input id="radio-2" type="radio" name="radio-1" value="2">

<div id="buttongroup-1" class="pre-buttongroup">
    <span id="radio5" class="pre-button pre-radio-button pre-button-checked">
        <span class="first-child">
            <button type="button" name="radiofield2" value="Radio 5">
                Radio 5
            </button>
        </span>
    </span>
    <span id="radio6" class="pre-button pre-radio-button">
        <span class="first-child">
            <button type="button" name="radiofield2" value="Radio 6">
                Radio 6
            </button>
        </span>
    </span>
    <span id="radio7" class="pre-button pre-radio-button">
        <span class="first-child">
            <button type="button" name="radiofield2" value="Radio 7">
                Radio 7
            </button>
        </span>
    </span>
    <span id="radio8" class="pre-button pre-radio-button">
        <span class="first-child">
            <button type="button" name="radiofield2" value="Radio 8">
                Radio 8
            </button>
        </span>
    </span>
</div>

<input type="button" id="menu-button-1" name="menu-button-1" value="Menu Button">
<select id="menu-button-1-select" name="menu-button-1-select">
    <option value="0">One</option>
    <option value="1">Two</option>
    <option value="2">Three</option>                
</select>

<input type="button" id="split-button-1" name="split-button-1" value="Split Button">
<select id="split-button-1-select" name="split-button-1-select">
    <option value="0">One</option>
    <option value="1">Two</option>
    <option value="2">Three</option>                
</select>

</body>
</html>
